<script setup lang="ts">

import {ref} from "vue";
// TS 代码使用 <> 限制内布置的数据类型
let counts = ref<number>(0)

setInterval(
    () => {
      //  在 脚本语言 JS/TS 中访问响应式变量必修需要使用 标识符.value
      counts.value = counts.value + 1
      console.log("counts: " + counts.value);
    },
    1000
)

</script>

<template>
  <!-- 在 HTML 中访问响应式变量不需要使用 标识符.value -->
  <h1>当前计数值：{{ counts }}</h1>
</template>

<style scoped>

</style>